{% extends "apostrophe-modal:base.html" %}
{% import "apostrophe-modal:macros.html" as modals %}
{% import 'apostrophe-ui:components/buttons.html' as buttons %}

{% block modalClass %}apos-reorganize-modal{% endblock %}

{% block controls %}
  <div class="apos-modal-controls">
    {{ buttons.minor('Cancel', { action: 'cancel' }) }}
    {{ buttons.major('Save', { action: 'save' }) }}
  </div>
{% endblock %}

{% block label %}
{{ __ns('apostrophe', 'Choose Pages') }}
{% endblock %}

{% block instructions %}
  <p>
    {{ __ns('apostrophe', 'Choose the pages you want.') }}
  </p>
{% endblock %}

{% block modalBodyClass %}apos-modal-body--reorganize-tree{% endblock %}

{% block body %}
  <div class="apos-chooser" data-chooser></div>
  {# This gets fired up by jstree #}
  <div class="apos-reorganize-tree apos-reorganize-tree--chooser" data-tree></div>
{% endblock %}

{% block footerContainer %}{% endblock %}
